<%@page import="java.text.SimpleDateFormat"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<style>
	input.id { width: 140px; background: url("./img/id.png") no-repeat; }
	input.id_focus { width: 140px; }
	input.pw { width: 140px; background: url("./img/pw.png") no-repeat; }
	input.pw_focus { width: 140px; }
	input.login_img { width: 69px; height: 44px; }
	</style>
<script type="text/javascript">
function chkinput(){
	if(document.login_form.id.value==""){
		alert("id가 비었습니다");
		document.login_form.id.focus();
		return false;
	}
	if(document.login_form.password.value==""){
		alert("password가 비었습니다");
		document.login_form.password.focus();
		return false;
	}
}
</script>
<br>
<br>
<div align="center">
<c:if test="${not empty requestScope.error_message }">
	<font color="red" size="2">${requestScope.error_message}</font>
</c:if>

	<form name="login_form" action="login.do" method="post" onsubmit="return chkinput()">
		<table>
			<tr>
				<td>
					<input type="text" name="member_id" class="id" onfocus="this.className='id_focus'" onblur="if(this.value.length==0) {this.className='id'}"></td>
				<td rowspan="2"><input class="login_img" type="image" src="./img/login.png" />
			</tr>
			<tr>
				<td>
					<input name="member_password" class="pw" type="password" onfocus="this.className='pw_focus'" onblur="if(this.value.length==0){this.className='pw'}"/>
				</td>
			</tr>	
		</table>
	</form>
</div>
</html>



